$myColor: #ff8a00;
main {
  width: 100vw;
  overflow-x: hidden;
  .swiper {
    height: 1.8rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
  /* 分页器 */
  .swiper-pagination {
    width: 0.5rem;
    color: white;
    font-size: 0.12rem;
    margin-left: 3.2rem;
    border-radius: 0.1rem;
    background: rgba(47, 49, 48, 0.7);
    transform: translateY(0.08rem);
  }
  .main-1 {
    width: 100vw;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    .main-1-1 {
      width: 90vw;
      margin: 0 auto;
      font-size: 0.24rem;
      font-weight: bold;
      padding-top: 0.2rem;
      // display: flex;
      // flex-wrap: wrap;
    }
    .main-1-2 {
      width: 90vw;
      margin: 0 auto;
      padding-top: 0.15rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      p {
        font-size: 0.16rem;
        span:nth-of-type(1) {
          color: #dc5546;
        }
      }
      img {
        width: 0.2rem;
        height: 0.3rem;
        transform: translateY(-0.05rem);
      }
    }
    .main-1-3 {
      width: 90vw;
      margin: 0 auto;
      font-size: 0.13rem;
      color: rgb(147, 147, 147);
    }
    .main-1-4 {
      width: 90vw;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      padding: 0.15rem 0;
      p {
        font-size: 0.15rem;
        background-color: #dee9f0;
        line-height: 0.25rem;
        margin-right: 6vw;
        color: #8599c5;
        span {
          padding: 0 0.1rem;
        }
      }
    }
  }
  .main-2 {
    width: 100vw;
    background-color: #fff;
    margin: 0.2rem 0;
    display: flex;
    flex-direction: column;
    .main-2-1 {
      width: 90vw;
      height: 0.5rem;
      margin: 0 auto;
      font-size: 0.16rem;
      border-bottom: 0.01rem solid #b4b4b4;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      p {
        flex: 1;
      }
    }
    .main-2-2 {
      width: 90vw;
      height: 0.5rem;
      margin: 0 auto;
      font-size: 0.16rem;
      color: #b4b4b4;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .main-3 {
    width: 100vw;
    background-color: #fff;
    .main-3-1 {
      width: 90vw;
      line-height: 0.8rem;
      margin: 0 auto;
      border-bottom: 0.01rem solid #b4b4b4;
      font-size: 0.22rem;
      color: $myColor;
    }
    .main-3-2 {
      width: 90vw;
      margin: 0 auto;
      border-bottom: 0.01rem solid #b4b4b4;
      p {
        font-size: 0.14rem;
        line-height: 0.25rem;
        padding: 0.2rem 0;
      }
    }
    .main-3-3 {
      width: 90vw;
      line-height: 0.6rem;
      margin: 0 auto;
      color: #b4b4b4;
      text-align: center;
      font-size: 0.16rem;
    }
  }
  .main-4 {
    width: 100vw;
    background-color: #fff;
    margin: 0.2rem 0;
    .main-4-1 {
      width: 90vw;
      line-height: 0.8rem;
      margin: 0 auto;
      border-bottom: 0.01rem solid #b4b4b4;
      font-size: 0.22rem;
      font-weight: bold;
      color: $myColor;
    }
    .main-4-2 {
      width: 90vw;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      border-bottom: $myColor 0.02rem solid;
      img {
        width: 1rem;
        height: 1rem;
        margin: 0.3rem 0;
      }
      .main-4-01 {
        display: flex;
        flex-direction: column;
        margin-top: 0.3rem;
        margin-left: 0.1rem;
        p {
          font-size: 0.15rem;
          margin-bottom: 0.15rem;
        }
        p:nth-of-type(1) {
          font-weight: 600;
        }
        .main-4-02 {
          display: flex;
          flex-direction: row;
          transform: translateY(0.05rem);
          p {
            font-size: 0.15rem;
            background-color: #dee9f0;
            line-height: 0.25rem;
            margin-right: 6vw;
            color: #8599c5;
            span {
              font-weight: 500;
              padding: 0 0.1rem;
            }
          }
        }
      }
    }
    .main-4-3 {
      width: 90vw;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      img {
        width: 1rem;
        height: 1rem;
        margin: 0.3rem 0;
      }
      .main-4-01 {
        display: flex;
        flex-direction: column;
        margin-top: 0.3rem;
        margin-left: 0.1rem;
        p {
          font-size: 0.15rem;
          margin-bottom: 0.15rem;
        }
        p:nth-of-type(1) {
          font-weight: 600;
        }
        .main-4-02 {
          display: flex;
          transform: translateY(0.05rem);
          flex-direction: row;
          p {
            font-size: 0.15rem;
            background-color: #dee9f0;
            line-height: 0.25rem;
            margin-right: 6vw;
            color: #8599c5;
            span {
              font-weight: 500;
              padding: 0 0.1rem;
            }
          }
        }
      }
    }
  }
  .main-5 {
    width: 100vw;
    background-color: #fff;
    margin: 0.2rem 0;
    .main-5-1 {
      width: 90vw;
      line-height: 0.8rem;
      margin: 0 auto;
      border-bottom: 0.01rem solid #b4b4b4;
      font-size: 0.22rem;
      font-weight: bold;
    }
    .main-5-2 {
      width: 90vw;
      line-height: 0.6rem;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      p {
        font-size: 0.14rem;
        border-bottom: 0.01rem solid #b4b4b4;
        span:nth-of-type(1) {
          color: #b4b4b4;
        }
      }
    }
    .main-5-3 {
      width: 90vw;
      line-height: 0.6rem;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      font-size: 0.15rem;
      color: #b4b4b4;
    }
  }
  .main-6 {
    width: 100vw;
    background-color: #fff;
    margin: 0.2rem 0;
    .main-6-1 {
      width: 90vw;
      line-height: 0.8rem;
      margin: 0 auto;
      border-bottom: 0.01rem solid #b4b4b4;
      font-size: 0.22rem;
      font-weight: bold;
    }
    img {
      width: 90vw;
      height: 1.8rem;
      margin: 0.2rem 5vw;
    }
  }
  .main-7 {
    width: 100vw;
    background-color: #fff;
    margin: 0.2rem 0;
    padding-bottom: 0.2rem;
    border-bottom: 0.01rem solid #b4b4b4;
    .main-7-1 {
      width: 90vw;
      line-height: 0.8rem;
      margin: 0 auto;
      border-bottom: 0.01rem solid #b4b4b4;
      font-size: 0.22rem;
      font-weight: bold;
    }
    .main-7-2 {
      width: 90vw;
      margin: 0 auto;
      .main-7-01 {
        display: flex;
        flex-direction: row;
        img {
          width: 1rem;
          height: 1rem;
          transform: translateY(0.28rem);
        }
        .main-right {
          display: flex;
          flex-direction: column;
          margin-left: 0.15rem;
          h1 {
            margin-top: 0.2rem;
            font-size: 0.2rem;
          }
          .main-right-1 {
            margin-top: 0.1rem;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            p {
              font-size: 0.14rem;
            }
            p:nth-child(2) {
              color: $myColor;
            }
          }
          .main-right-2 {
            margin-top: 0.1rem;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            p {
              font-size: 0.14rem;
              color: #b4b4b4;
            }
          }
          .main-right-3 {
            margin-top: 0.1rem;
            display: flex;
            p {
              font-size: 0.15rem;
              background-color: #dee9f0;
              line-height: 0.25rem;
              margin-right: 6vw;
              color: #8599c5;
              span {
                font-weight: 500;
                padding: 0 0.1rem;
              }
            }
          }
        }
      }
      .main-7-02 {
        transform: translateX(0.05rem);
        .sanjiao {
          width: 0;
          height: 0;
          border: 0.1rem solid;
          transform: translateX(0.1rem);
          border-color: transparent transparent #eaeaea;
        }
        .cause {
          width: 90vw;
          line-height: 0.42rem;
          font-size: 0.15rem;
          background-color: #eaeaea;
          padding-left: 0.15rem;
        }
      }
    }
  }
}
.broker {
  width: 100vw;
  display: flex;
  flex-direction: row;
  margin: 0.15rem 0;
  .broker-1 {
    width: 60vw;
    height: 0.5rem;
    margin-left: 0.2rem;
    font-size: 0.16rem;
    display: flex;
    flex-direction: row;
    background-color: $myColor;
    border-radius: 0.05rem;
    img {
      width: 0.3rem;
      height: 0.3rem;
      margin-left: 0.3rem;
      transform: translateY(0.1rem);
    }
    p {
      line-height: 0.5rem;
      margin-left: 0.2rem;
      color: #fff;
    }
  }
  .broker-2 {
    margin-left: 0.2rem;
    font-size: 0.16rem;
    display: flex;
    flex-direction: row;
    img {
      width: 0.3rem;
      height: 0.3rem;
      transform: translateY(0.1rem);
    }
    p {
      line-height: 0.5rem;
      margin-left: 0.1rem;
      color: rgb(78, 78, 78);
    }
  }
}
